Les éléments HTML de type block et inline

Un élément de type block va toujours commencer sur une nouvelle ligne et prendre toute la largeur disponible dans la page. En outre, un élément de type block peut contenir d’autres éléments de type block ainsi que des éléments de type inline.

À l'inverse, les éléments de type inline ne vont pas commencer sur une nouvelle ligne, mais s’insérer dans la ligne actuelle. Les éléments de type inline prennent uniquement la largeur qui leur est nécessaire (c’est-à-dire celle de leur contenu).

Par exemple, l’élément HTML strong est un élément de type inline.

Afin de mettre en évidence cette différence, vous pouvez vous reporter au fichier index.html et constater la mise en forme différente avec la propriété CSS border.